<template>
    <div class="header">
        平台风采
    </div>
    <img src="../assets/banner4.png" alt="" width="100%" height="260">
    <div style="color: red; font-size: 16px; font-weight: 800;">{{ aboutusTitle }}</div>
    <hr>
    <div class="title">
        <div v-html="aboutusdata"> </div>
        <!-- {{ aboutusdata }} -->
    </div>
    <van-tabbar v-model="actives">
        <van-tabbar-item icon="wap-home" to="/">小滴服务</van-tabbar-item>
        <van-tabbar-item icon="todo-list" to="/qyhome">企业项目</van-tabbar-item>
        <van-tabbar-item icon="wechat-moments" to="/fwdemo">服务流程</van-tabbar-item>
        <van-tabbar-item icon="graphic" to="/Ptfc">平台风采</van-tabbar-item>
        <van-tabbar-item icon="friends" :to="({ name: 'login' })">我的小滴</van-tabbar-item>
    </van-tabbar>
</template>

<script setup>
import { ref } from 'vue'
const actives = ref(3)
import axios from 'axios'

const aboutusdata = ref('')
const aboutusTitle =ref('')
const callAboutusapi = async () => { 
    let res = await axios.get('http://localhost:8080/aboutus')
   console.log(res.data.data.info);
    aboutusdata.value = res.data.data.info
    aboutusTitle.value = res.data.data.title

}
callAboutusapi()




</script>

<style scoped>
/* 头部样式 */
.header {
    height: 50px;
    width: 100%;
    background-color: #178d8d;
    font-size: 25px;
    line-height: 50px;
    text-align: center;
    color: white;
    font-weight: 800;
}

/* 编辑css的样式 */
.van-tabbar-item {
    font-size: 15px;
}

:deep(.van-tabbar-item__icon) {
    font-size: 30px !important;
}
.title{
    text-indent: 15px;

}
</style>